// 设置 rem 函数
function setRem() {
  // 基准大小，设计稿宽度的1/10
  const baseSize = 192
  const designWidth = 1920
  const designHeight = 1080
  const minWidth = 1024
  const minHeight = 640
  
  // 获取当前页面尺寸
  const clientWidth = document.documentElement.clientWidth
  const clientHeight = document.documentElement.clientHeight
  
  // 计算宽高缩放比例
  const widthScale = clientWidth >= minWidth ? clientWidth / designWidth : minWidth / designWidth
  const heightScale = clientHeight >= minHeight ? clientHeight / designHeight : minHeight / designHeight
  
  // 取较小的缩放比例，确保内容完全显示
  const scale = Math.min(widthScale, heightScale)
  
  // 设置页面根节点字体大小
  document.documentElement.style.fontSize = baseSize * Math.min(scale, 1) + 'px'
}

// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.addEventListener('resize', setRem)
// 页面显示时重新设置 rem
window.addEventListener('pageshow', function (e) {
  if (e.persisted) {
    setRem()
  }
})